
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - criação</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">53634</td>
		    	<td class="value error-col-3 total ko">98.389 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in(201,422,400), but actually found 500<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">877</td>
		    	<td class="value error-col-3 total ko">1.609 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">1</td>
		    	<td class="value error-col-3 total ko">0.002 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_criac-a-o-ce502'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['173', '518', '864', '1209', '1555', '1900', '2246', '2591', '2937', '3283', '3628', '3974', '4319', '4665', '5010', '5356', '5701', '6047', '6392', '6738', '7083', '7429', '7774', '8120', '8465', '8811', '9157', '9502', '9848', '10193', '10539', '10884', '11230', '11575', '11921', '12266', '12612', '12957', '13303', '13648', '13994', '14339', '14685', '15031', '15376', '15722', '16067', '16413', '16758', '17104', '17449', '17795', '18140', '18486', '18831', '19177', '19522', '19868', '20214', '20559', '20905', '21250', '21596', '21941', '22287', '22632', '22978', '23323', '23669', '24014', '24360', '24705', '25051', '25396', '25742', '26088', '26433', '26779', '27124', '27470', '27815', '28161', '28506', '28852', '29197', '29543', '29888', '30234', '30579', '30925', '31270', '31616', '31962', '32307', '32653', '32998', '33344', '33689', '34035', '34380', '34726'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  0.23,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  56.64,11.86,8.89,5.39,4.0,3.63,2.66,1.96,1.64,1.65,0.9,0.36,0.06,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.01,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692818971,null],[1692818972,null],[1692818973,null],[1692818974,null],[1692818975,null],[1692818976,null],[1692818977,null],[1692818978,null],[1692818979,null],[1692818980,null],[1692818981,null],[1692818982,[10,10,10,10,10,10,10,10,10,10]],[1692818983,[4,4,4,4,4,4,4,4,4,4]],[1692818984,[4,4,5,5,5,5,5,5,5,6]],[1692818985,null],[1692818986,[5,5,5,5,5,5,5,5,5,5]],[1692818987,[10,10,10,10,10,10,10,10,10,10]],[1692818988,null],[1692818989,null],[1692818990,[4,4,4,4,4,4,4,4,4,4]],[1692818991,null],[1692818992,null],[1692818993,null],[1692818994,[3,3,3,3,3,3,3,3,3,3]],[1692818995,[4,4,4,4,4,4,4,4,4,5]],[1692818996,null],[1692818997,[4,4,4,4,4,4,4,4,4,4]],[1692818998,[4,4,4,4,4,4,4,4,4,4]],[1692818999,[4,4,4,4,4,4,4,4,4,4]],[1692819000,[3,3,3,3,3,3,3,3,3,4]],[1692819001,[3,5,7,9,10,10,11,11,11,12]],[1692819002,[4,23,43,86,95,103,112,121,128,130]],[1692819003,[4,5,7,9,9,9,10,10,10,11]],[1692819004,[3,4,5,20,28,36,42,48,53,55]],[1692819005,[4,4,4,4,4,4,4,4,4,4]],[1692819006,[4,5,47,133,150,168,186,205,220,224]],[1692819007,[2,2,5,5,5,6,6,6,6,7]],[1692819008,[3,5,5,32,63,94,126,157,182,189]],[1692819009,[3,4,4,4,7,9,13,15,18,19]],[1692819010,[2,3,7,37,47,67,87,107,123,127]],[1692819011,[3,3,3,3,4,17,31,45,56,59]],[1692819012,[3,3,3,3,4,5,7,8,9,10]],[1692819013,[2,2,3,3,3,3,4,20,32,36]],[1692819014,[3,4,21,53,68,78,79,80,80,81]],[1692819015,[2,2,3,13,19,31,45,56,64,66]],[1692819016,[3,3,6,83,121,130,139,157,171,175]],[1692819017,[2,2,3,7,9,10,14,25,34,37]],[1692819018,[2,3,16,33,36,39,42,45,47,48]],[1692819019,null],[1692819020,null],[1692819021,null],[1692819022,null],[1692819023,null],[1692819024,null],[1692819025,null],[1692819026,null],[1692819027,null],[1692819028,null],[1692819029,null],[1692819030,null],[1692819031,null],[1692819032,null],[1692819033,null],[1692819034,null],[1692819035,null],[1692819036,null],[1692819037,null],[1692819038,null],[1692819039,null],[1692819040,null],[1692819041,null],[1692819042,null],[1692819043,null],[1692819044,null],[1692819045,null],[1692819046,null],[1692819047,null],[1692819048,null],[1692819049,null],[1692819050,null],[1692819051,null],[1692819052,null],[1692819053,null],[1692819054,null],[1692819055,null],[1692819056,null],[1692819057,null],[1692819058,null],[1692819059,null],[1692819060,null],[1692819061,null],[1692819062,null],[1692819063,null],[1692819064,null],[1692819065,null],[1692819066,null],[1692819067,null],[1692819068,null],[1692819069,null],[1692819070,null],[1692819071,null],[1692819072,null],[1692819073,null],[1692819074,null],[1692819075,null],[1692819076,null],[1692819077,null],[1692819078,null],[1692819079,null],[1692819080,null],[1692819081,null],[1692819082,null],[1692819083,null],[1692819084,null],[1692819085,null],[1692819086,null],[1692819087,null],[1692819088,null],[1692819089,null],[1692819090,null],[1692819091,null],[1692819092,null],[1692819093,null],[1692819094,null],[1692819095,null],[1692819096,null],[1692819097,null],[1692819098,null],[1692819099,null],[1692819100,null],[1692819101,null],[1692819102,null],[1692819103,null],[1692819104,null],[1692819105,null],[1692819106,null],[1692819107,null],[1692819108,null],[1692819109,null],[1692819110,null],[1692819111,null],[1692819112,null],[1692819113,null],[1692819114,null],[1692819115,null],[1692819116,null],[1692819117,null],[1692819118,null],[1692819119,null],[1692819120,null],[1692819121,null],[1692819122,null],[1692819123,null],[1692819124,null],[1692819125,null],[1692819126,null],[1692819127,null],[1692819128,null],[1692819129,null],[1692819130,null],[1692819131,null],[1692819132,null],[1692819133,null],[1692819134,null],[1692819135,null],[1692819136,null],[1692819137,null],[1692819138,null],[1692819139,null],[1692819140,null],[1692819141,null],[1692819142,null],[1692819143,null],[1692819144,null],[1692819145,null],[1692819146,null],[1692819147,null],[1692819148,null],[1692819149,null],[1692819150,null],[1692819151,null],[1692819152,null],[1692819153,null],[1692819154,null],[1692819155,null],[1692819156,null],[1692819157,null],[1692819158,null],[1692819159,null],[1692819160,null],[1692819161,null],[1692819162,null],[1692819163,null],[1692819164,null],[1692819165,null],[1692819166,null],[1692819167,null],[1692819168,null],[1692819169,null],[1692819170,null],[1692819171,null],[1692819172,null],[1692819173,null],[1692819174,null],[1692819175,null],[1692819176,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[0,0,0]],[1692818982,[6,1,5]],[1692818983,[6,2,4]],[1692818984,[5,2,3]],[1692818985,[3,0,3]],[1692818986,[8,1,7]],[1692818987,[12,1,11]],[1692818988,[6,0,6]],[1692818989,[5,0,5]],[1692818990,[4,1,3]],[1692818991,[6,0,6]],[1692818992,[3,0,3]],[1692818993,[5,0,5]],[1692818994,[5,1,4]],[1692818995,[5,2,3]],[1692818996,[6,0,6]],[1692818997,[9,1,8]],[1692818998,[13,1,12]],[1692818999,[16,1,15]],[1692819000,[20,3,17]],[1692819001,[23,2,21]],[1692819002,[25,3,22]],[1692819003,[29,2,27]],[1692819004,[33,7,26]],[1692819005,[36,1,35]],[1692819006,[39,7,32]],[1692819007,[42,7,35]],[1692819008,[46,5,41]],[1692819009,[49,5,44]],[1692819010,[53,6,47]],[1692819011,[55,6,49]],[1692819012,[59,6,53]],[1692819013,[62,11,51]],[1692819014,[66,7,59]],[1692819015,[69,12,57]],[1692819016,[72,11,61]],[1692819017,[75,10,65]],[1692819018,[79,4,75]],[1692819019,[82,0,82]],[1692819020,[86,0,86]],[1692819021,[88,0,88]],[1692819022,[92,0,92]],[1692819023,[95,0,95]],[1692819024,[99,0,99]],[1692819025,[102,0,102]],[1692819026,[105,0,105]],[1692819027,[108,0,108]],[1692819028,[112,0,112]],[1692819029,[115,0,115]],[1692819030,[119,0,119]],[1692819031,[121,0,121]],[1692819032,[125,0,125]],[1692819033,[128,0,128]],[1692819034,[132,0,132]],[1692819035,[135,0,135]],[1692819036,[138,0,138]],[1692819037,[141,0,141]],[1692819038,[145,0,145]],[1692819039,[148,0,148]],[1692819040,[152,0,152]],[1692819041,[154,0,154]],[1692819042,[158,0,158]],[1692819043,[161,0,161]],[1692819044,[165,0,165]],[1692819045,[168,0,168]],[1692819046,[171,0,171]],[1692819047,[174,0,174]],[1692819048,[178,0,178]],[1692819049,[181,0,181]],[1692819050,[185,0,185]],[1692819051,[187,0,187]],[1692819052,[191,0,191]],[1692819053,[194,0,194]],[1692819054,[198,0,198]],[1692819055,[201,0,201]],[1692819056,[204,0,204]],[1692819057,[207,0,207]],[1692819058,[211,0,211]],[1692819059,[214,0,214]],[1692819060,[217,0,217]],[1692819061,[220,0,220]],[1692819062,[225,0,225]],[1692819063,[227,0,227]],[1692819064,[230,0,230]],[1692819065,[235,0,235]],[1692819066,[237,0,237]],[1692819067,[240,0,240]],[1692819068,[244,0,244]],[1692819069,[247,0,247]],[1692819070,[250,0,250]],[1692819071,[254,0,254]],[1692819072,[257,0,257]],[1692819073,[260,0,260]],[1692819074,[264,0,264]],[1692819075,[267,0,267]],[1692819076,[270,0,270]],[1692819077,[273,0,273]],[1692819078,[276,0,276]],[1692819079,[281,0,281]],[1692819080,[284,0,284]],[1692819081,[286,0,286]],[1692819082,[290,0,290]],[1692819083,[293,0,293]],[1692819084,[297,0,297]],[1692819085,[300,0,300]],[1692819086,[303,0,303]],[1692819087,[306,0,306]],[1692819088,[310,0,310]],[1692819089,[313,0,313]],[1692819090,[316,0,316]],[1692819091,[320,0,320]],[1692819092,[323,0,323]],[1692819093,[326,0,326]],[1692819094,[330,0,330]],[1692819095,[333,0,333]],[1692819096,[336,0,336]],[1692819097,[339,0,339]],[1692819098,[342,0,342]],[1692819099,[347,0,347]],[1692819100,[349,0,349]],[1692819101,[349,0,349]],[1692819102,[359,0,359]],[1692819103,[360,0,360]],[1692819104,[363,0,363]],[1692819105,[365,0,365]],[1692819106,[370,0,370]],[1692819107,[372,0,372]],[1692819108,[375,0,375]],[1692819109,[379,0,379]],[1692819110,[383,0,383]],[1692819111,[385,0,385]],[1692819112,[389,0,389]],[1692819113,[393,0,393]],[1692819114,[395,0,395]],[1692819115,[399,0,399]],[1692819116,[403,0,403]],[1692819117,[405,0,405]],[1692819118,[408,0,408]],[1692819119,[413,0,413]],[1692819120,[415,0,415]],[1692819121,[419,0,419]],[1692819122,[418,0,418]],[1692819123,[428,0,428]],[1692819124,[429,0,429]],[1692819125,[432,0,432]],[1692819126,[435,0,435]],[1692819127,[438,0,438]],[1692819128,[442,0,442]],[1692819129,[446,0,446]],[1692819130,[448,0,448]],[1692819131,[452,0,452]],[1692819132,[454,0,454]],[1692819133,[458,0,458]],[1692819134,[462,0,462]],[1692819135,[459,0,459]],[1692819136,[475,0,475]],[1692819137,[470,0,470]],[1692819138,[475,0,475]],[1692819139,[478,0,478]],[1692819140,[482,0,482]],[1692819141,[484,0,484]],[1692819142,[488,0,488]],[1692819143,[492,0,492]],[1692819144,[494,0,494]],[1692819145,[498,0,498]],[1692819146,[502,0,502]],[1692819147,[503,0,503]],[1692819148,[508,0,508]],[1692819149,[511,0,511]],[1692819150,[504,0,504]],[1692819151,[528,0,528]],[1692819152,[521,0,521]],[1692819153,[525,0,525]],[1692819154,[527,0,527]],[1692819155,[531,0,531]],[1692819156,[535,0,535]],[1692819157,[537,0,537]],[1692819158,[534,0,534]],[1692819159,[550,0,550]],[1692819160,[548,0,548]],[1692819161,[551,0,551]],[1692819162,[553,0,553]],[1692819163,[557,0,557]],[1692819164,[561,0,561]],[1692819165,[564,0,564]],[1692819166,[567,0,567]],[1692819167,[570,0,570]],[1692819168,[574,0,574]],[1692819169,[577,0,577]],[1692819170,[581,0,581]],[1692819171,[584,0,584]],[1692819172,[586,0,586]],[1692819173,[590,0,590]],[1692819174,[594,0,594]],[1692819175,[597,0,597]],[1692819176,[273,0,273]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692818971,[2,0,2]],[1692818972,[2,0,2]],[1692818973,[2,0,2]],[1692818974,[2,0,2]],[1692818975,[2,0,2]],[1692818976,[2,0,2]],[1692818977,[2,0,2]],[1692818978,[2,0,2]],[1692818979,[2,0,2]],[1692818980,[2,0,2]],[1692818981,[0,0,0]],[1692818982,[2,1,1]],[1692818983,[2,2,0]],[1692818984,[11,2,9]],[1692818985,[0,0,0]],[1692818986,[8,1,7]],[1692818987,[1,1,0]],[1692818988,[18,0,18]],[1692818989,[0,0,0]],[1692818990,[11,1,10]],[1692818991,[0,0,0]],[1692818992,[8,0,8]],[1692818993,[0,0,0]],[1692818994,[11,1,10]],[1692818995,[2,2,0]],[1692818996,[7,0,7]],[1692818997,[1,1,0]],[1692818998,[20,1,19]],[1692818999,[1,1,0]],[1692819000,[30,3,27]],[1692819001,[2,2,0]],[1692819002,[46,3,43]],[1692819003,[2,2,0]],[1692819004,[53,6,47]],[1692819005,[2,2,0]],[1692819006,[70,6,64]],[1692819007,[9,8,1]],[1692819008,[67,4,63]],[1692819009,[16,6,10]],[1692819010,[77,5,72]],[1692819011,[21,7,14]],[1692819012,[91,6,85]],[1692819013,[28,11,17]],[1692819014,[113,6,107]],[1692819015,[13,13,0]],[1692819016,[127,8,119]],[1692819017,[13,13,0]],[1692819018,[141,4,137]],[1692819019,[113,0,113]],[1692819020,[86,0,86]],[1692819021,[88,0,88]],[1692819022,[92,0,92]],[1692819023,[95,0,95]],[1692819024,[99,0,99]],[1692819025,[102,0,102]],[1692819026,[105,0,105]],[1692819027,[108,0,108]],[1692819028,[112,0,112]],[1692819029,[112,0,112]],[1692819030,[114,0,114]],[1692819031,[122,0,122]],[1692819032,[125,0,125]],[1692819033,[128,0,128]],[1692819034,[132,0,132]],[1692819035,[135,0,135]],[1692819036,[138,0,138]],[1692819037,[141,0,141]],[1692819038,[145,0,145]],[1692819039,[148,0,148]],[1692819040,[150,0,150]],[1692819041,[153,0,153]],[1692819042,[158,0,158]],[1692819043,[161,0,161]],[1692819044,[164,0,164]],[1692819045,[169,0,169]],[1692819046,[171,0,171]],[1692819047,[174,0,174]],[1692819048,[178,0,178]],[1692819049,[181,0,181]],[1692819050,[184,0,184]],[1692819051,[185,0,185]],[1692819052,[188,0,188]],[1692819053,[194,0,194]],[1692819054,[198,0,198]],[1692819055,[201,0,201]],[1692819056,[204,0,204]],[1692819057,[206,0,206]],[1692819058,[211,0,211]],[1692819059,[218,0,218]],[1692819060,[217,0,217]],[1692819061,[219,0,219]],[1692819062,[223,0,223]],[1692819063,[233,0,233]],[1692819064,[234,0,234]],[1692819065,[235,0,235]],[1692819066,[239,0,239]],[1692819067,[241,0,241]],[1692819068,[243,0,243]],[1692819069,[248,0,248]],[1692819070,[250,0,250]],[1692819071,[254,0,254]],[1692819072,[256,0,256]],[1692819073,[261,0,261]],[1692819074,[264,0,264]],[1692819075,[270,0,270]],[1692819076,[270,0,270]],[1692819077,[273,0,273]],[1692819078,[276,0,276]],[1692819079,[278,0,278]],[1692819080,[286,0,286]],[1692819081,[284,0,284]],[1692819082,[291,0,291]],[1692819083,[293,0,293]],[1692819084,[295,0,295]],[1692819085,[299,0,299]],[1692819086,[298,0,298]],[1692819087,[307,0,307]],[1692819088,[313,0,313]],[1692819089,[314,0,314]],[1692819090,[319,0,319]],[1692819091,[319,0,319]],[1692819092,[323,0,323]],[1692819093,[329,0,329]],[1692819094,[327,0,327]],[1692819095,[333,0,333]],[1692819096,[311,0,311]],[1692819097,[366,0,366]],[1692819098,[340,0,340]],[1692819099,[345,0,345]],[1692819100,[308,0,308]],[1692819101,[388,0,388]],[1692819102,[364,0,364]],[1692819103,[362,0,362]],[1692819104,[342,0,342]],[1692819105,[386,0,386]],[1692819106,[366,0,366]],[1692819107,[375,0,375]],[1692819108,[355,0,355]],[1692819109,[397,0,397]],[1692819110,[308,0,308]],[1692819111,[381,0,381]],[1692819112,[467,0,467]],[1692819113,[390,0,390]],[1692819114,[372,0,372]],[1692819115,[313,0,313]],[1692819116,[515,0,515]],[1692819117,[409,0,409]],[1692819118,[395,0,395]],[1692819119,[407,0,407]],[1692819120,[422,0,422]],[1692819121,[397,0,397]],[1692819122,[425,0,425]],[1692819123,[41,0,41]],[1692819124,[659,0,659]],[1692819125,[178,0,178]],[1692819126,[808,0,808]],[1692819127,[192,0,192]],[1692819128,[702,0,702]],[1692819129,[261,0,261]],[1692819130,[684,0,684]],[1692819131,[312,0,312]],[1692819132,[590,0,590]],[1692819133,[278,0,278]],[1692819134,[644,0,644]],[1692819135,[177,0,177]],[1692819136,[753,0,753]],[1692819137,[203,0,203]],[1692819138,[741,0,741]],[1692819139,[141,0,141]],[1692819140,[472,0,472]],[1692819141,[315,0,315]],[1692819142,[507,0,507]],[1692819143,[24,0,24]],[1692819144,[619,0,619]],[1692819145,[324,0,324]],[1692819146,[93,0,93]],[1692819147,[245,0,245]],[1692819148,[583,0,583]],[1692819149,[489,0,489]],[1692819150,[1069,0,1069]],[1692819151,[272,0,272]],[1692819152,[708,0,708]],[1692819153,[0,0,0]],[1692819154,[1194,0,1194]],[1692819155,[554,0,554]],[1692819156,[780,0,780]],[1692819157,[129,0,129]],[1692819158,[877,0,877]],[1692819159,[810,0,810]],[1692819160,[662,0,662]],[1692819161,[710,0,710]],[1692819162,[191,0,191]],[1692819163,[802,0,802]],[1692819164,[630,0,630]],[1692819165,[664,0,664]],[1692819166,[359,0,359]],[1692819167,[674,0,674]],[1692819168,[390,0,390]],[1692819169,[744,0,744]],[1692819170,[300,0,300]],[1692819171,[676,0,676]],[1692819172,[526,0,526]],[1692819173,[713,0,713]],[1692819174,[138,0,138]],[1692819175,[707,0,707]],[1692819176,[1075,0,1075]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 129.0, color: '#68b65c'},{name: 'KO', y: 54512.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[8,4],[9,5],[9,3],[9,4],[10,10],[10,4],[12,5],[16,10],[21,4],[26,4],[30,4],[35,3],[38,11],[41,121],[47,10],[50,48],[55,4],[58,205],[62,6],[67,157],[70,15],[75,107],[77,45],[83,8],[86,20],[91,80],[94,56],[99,157],[102,25],[106,45]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[6,15],[6,2],[6,2],[6,4],[6,2],[6,3],[6,4],[6,3],[6,3],[6,4],[7,910],[7,1998],[8,2005],[9,1823],[9,1511],[9,1242],[9,2009],[9,1645],[10,2655],[10,1656],[10,1926],[10,1536],[12,2054],[14,2079],[16,1737],[21,1692],[26,2001],[30,1679],[35,2040],[38,1569],[41,1934],[47,1601],[50,2063],[55,1713],[58,2067],[62,1678],[67,2030],[70,1743],[75,2081],[77,1773],[83,2055],[86,1655],[91,2052],[94,1710],[99,2055],[102,1694],[106,797],[110,168],[116,2],[118,2],[121,4],[127,3],[131,3],[135,11],[138,3],[142,2],[147,2],[151,4],[155,11],[158,4],[163,3],[167,6],[171,9],[174,3],[178,3],[182,2],[187,3],[190,2],[196,2],[198,4],[203,4],[206,2],[211,3],[215,1],[219,2],[222,4],[227,2],[231,2],[235,2],[239,2],[242,1],[247,1],[251,4],[255,2],[260,2],[261,6],[268,2],[270,2],[275,2],[278,15],[284,14],[287,2],[290,10],[296,3],[299,45],[303,2],[306,2],[311,2],[315,2],[320,2],[323,1],[327,1],[331,4],[336,2],[336,920],[339,2],[342,2],[346,2],[352,3],[356,70],[358,11],[363,54],[368,9],[372,12],[375,10],[379,33],[383,11],[387,15],[391,11],[395,70],[400,9],[403,12],[407,9],[412,12],[415,10],[419,117],[423,200],[426,16],[433,13],[435,226],[436,203],[446,21],[448,16],[452,59],[455,134],[459,11],[463,116],[467,58],[472,341],[476,716],[478,761],[484,78],[488,30],[491,60],[496,704],[500,66],[503,46],[507,23],[513,165],[514,19],[518,251],[521,234],[532,1015],[532,1233],[535,983],[540,301],[542,824],[548,316],[553,729],[556,268],[559,453],[563,227],[568,693],[568,828],[572,305],[582,822],[588,392],[589,448],[592,1337],[596,1669],[599,1598],[604,2394],[609,3573],[611,3929],[617,3936],[620,3812],[623,3447],[626,3828],[627,3337],[632,3275],[643,2628],[648,2397],[651,3325],[652,2006],[656,3071],[660,1581],[661,2133],[663,2005],[676,1185],[680,1262],[681,1425],[683,1337],[687,1002],[693,759],[696,743],[700,1220],[704,1012],[708,1089],[712,1460],[717,1262],[721,1582],[723,1418],[727,2021],[733,1766],[737,1154]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
